<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>在线服务运维平台</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css" title="2col" />
<link rel="alternate stylesheet" media="screen,projection" type="text/css" href="css/1col.css" title="1col" />
<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<script type="text/javascript" src="js/toggle.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.tabs.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
	});
	</script>
</head>
<body>
<div id="main">
  <!-- Tray -->
  <div id="tray" class="box">
    <p class="f-left box">
      <!-- Switcher -->
      <span class="f-left" id="switcher"> <a href="javascript:void(0);" rel="1col" class="styleswitch ico-col1" title="Display one column"><img src="design/switcher-1col.gif" alt="1 Column" /></a> <a href="javascript:void(0)" rel="2col" class="styleswitch ico-col2" title="Display two columns"><img src="design/switcher-2col.gif" alt="" /></a> </span> <strong>开放服务运维平台</strong> </p>
    <p class="f-right">用户名: <strong><a href="#">潘晓东</a></strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><a href="#" id="logout">退出</a></strong></p>
  </div>
  <!--  /tray -->
  <hr class="noscreen" />
  <!-- Menu -->
  <div id="menu" class="box">
  <!--  <ul class="box f-right">
      <li><a href="#"><span><strong>Visit Site &raquo;</strong></span></a></li>
  </ul>-->
    <ul class="box">
      <li id="menu-active"><a href="index.html"><span>首页</span></a></li>
      <!-- Active -->
      <li><a href="monitor.html"><span>服务监控</span></a></li>
      <li><a href="report.html"><span>服务报表</span></a></li>
      <li><a href="machine.html"><span>主机管理</span></a></li>
      <li><a href="flow.html"><span>流程管理</span></a></li>
      <li><a href="doc.html"><span>运维文档</span></a></li>
    </ul>
  </div>
  <!-- /header -->
  <hr class="noscreen" />
  <!-- Columns -->
  <div id="cols" class="box">
    <!-- Aside (Left Column) -->
    <div id="aside" class="box">
        <div class="left-col">
        <h2>用户信息</h2>
            <ul style="list-style:none; padding:2px; margin-top:0px;">
                <li>潘晓东</li>
            	<li>系统管理员</li>
            	<li>15210084862</li>
            	<li>panxiaodong@baofeng.com</li>
            </ul>
        </div>

        <div class="left-col">
        <h2>通知方式</h2>
        </div>

        <div class="left-col">
        <h2>系统帮助</h2>
        </div>

        <div class="left-col">
        <h2>意见反馈</h2>
        </div>

    </div>
    <!-- /aside -->
    <hr class="noscreen" />
    <!-- Content (Right Column) -->
    <div id="content" class="box">
        <h1>服务稳定性汇总</h1>
        <div class="right-col"></div>
      <h1>故障历史汇总</h1>
        <div class="right-col"></div>
      <h1>最近操作记录</h1>
        <div class="right-col"></div>
    </div>
    <!-- /content -->
  </div>
  <!-- /cols -->
  <hr class="noscreen" />
  <!-- Footer -->
  <div id="footer" class="box">
    <p class="f-left">&copy; 2011 <a href="#">暴风网际科技有限公司</a>, All Rights Reserved &reg;</p>
    <p class="f-right"><a href="http://www.baofeng.com/" title="服务运维系统">服务运维系统</a></p>
  </div>
  <!-- /footer -->
</div>
<!-- /main -->
</body>
</html>
